cody - HTMLify profile
cody
4270 Files
632708 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer
N Queens
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/N Queens
Media file
visualisation.gif
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/visualisation.gif
Media file
app.js
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/app.js
'use strict'
const numberbox = document.getElementById("numberbox");
const slider = document.getElementById("slider");
const progressBar = document.getElementById("progress-bar")
const playButton = document.getElementById('play-button');
const pauseButton = document.getElementById("pause-button");
const queen = '<i class="fas fa-chess-queen" style="color:#000"></i>';
const numberbox = document.getElementById("numberbox");
const slider = document.getElementById("slider");
const progressBar = document.getElementById("progress-bar")
const playButton = document.getElementById('play-button');
const pauseButton = document.getElementById("pause-button");
const queen = '<i class="fas fa-chess-queen" style="color:#000"></i>';
README.md
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/README.md
# N-Queen Visualiser
- The N-Queens puzzle is the problem of placing N chess queens on an N×N chessboard so that no two queens threaten each other. Thus, a solution requires that no two queens share the same row, column, or diagonal.
- This algorithm is designed using recursion.
- The N-Queens puzzle is the problem of placing N chess queens on an N×N chessboard so that no two queens threaten each other. Thus, a solution requires that no two queens share the same row, column, or diagonal.
- This algorithm is designed using recursion.
package-lock.json
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/package-lock.json
{
"name": "N-queens-visualiser",
"lockfileVersion": 2,
"requires": true,
"packages": {}
}
"name": "N-queens-visualiser",
"lockfileVersion": 2,
"requires": true,
"packages": {}
}
style.css
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/style.css
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
index.html
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>N-Queen-Visualiser</title>
<link
rel="stylesheet"
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>N-Queen-Visualiser</title>
<link
rel="stylesheet"
Nqueen.zip
cody/swapnilsparsh/30DaysOfJavaScript/203- N Queen Visualizer/Nqueen.zip
Media file